<template>
  <div class="box">
    <h4>这是子组件</h4>

    <hr />

    <but />
  </div>
</template>

<script>
import But from './Button.vue'

export default {
  components: {
    But
  }
}
</script>

<style lang="less" scoped>
.box {
  width: 200px;
  height: 200px;
  background-color: #ccc;
  margin: 20px;
  padding: 20px;
}

h4 {
  color: #f40;
}
</style>
